<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>

</head>
<body>
    <!-- 我的页面 -->
    <div  class="page-me dpflex fdcolumn">

        <!-- 盒子1 -->
        <div class="me-user dpflex fdcolumn">

            <div class="me-box dpflex">

                <p>
                    
                    <img src="../imgs/dog.jpg" alt="" id="imgurl">
                    <span id="nickname"> </span>
                </p>
                
                <a href="./me-information.html" class="dpflex">
                    &gt;
                </a>
            </div>

            <p >个性签名:
                <span id="sign"></span>
            </p>

        </div>

         <!-- 个人动态  -->
         <div class="me-trends dpflex">

            <div class="me-trends1 dpflex ">
                <span class="iconfont icon-fenlei"></span>
                <p>个人动态</p>
            </div>
            
            <div class="me-trends2 dpflex">
                <span id="dynamicCount"></span>
                <a href="#" class="dpflex">
                    &gt;
                </a>
            </div>

        </div>

         <!-- 运动数据  -->
         <div class="me-data">
            <div class="me-data1 dpflex ">
                <div class="me-trends1 dpflex ">
                    <span class="iconfont icon-fenlei"></span>
                    <span>运动数据</span>
                </div>
                <div class="me-trends2 dpflex">
                    <a href="./me-datas.html">
                        &gt;
                    </a>
                </div>

            </div>
            <ul class="me-data2 dpflex">
                    <li>
                        <span>总运动</span>
                        <p id="times">99999</p>
                        <span>分钟</span>

                    </li>
                    <p class="datap">

                    </p>
                    <li>
                        <span>本周消耗</span>
                        <p id="calorie">99999 

                        </p>
                        <span>千卡</span>
                    </li>
            </ul>

        </div>

         <!-- 勋章  -->
         <div class="me-medal">

            <div class="me-data1 dpflex ">
                <div class="me-trends1 dpflex ">
                    <span class="iconfont icon-xunzhang"></span>
                    <span>运动数据</span>
                </div>
                <div class="me-trends2 dpflex">
                    <a href="./me-badge.html">
                        &gt;
                    </a>
                </div>

            </div>

            <div class="medel1 dpflex">
                <p>
                    <img src="../imgs/mybadge01.jpg" alt="">
                </p>
                <p>
                    <img src="../imgs/mybadge02.jpg" alt="">

                </p>
                <p>
                    <img src="../imgs/mybadge04.jpg" alt="">

                </p>
            </div>

        </div>

         <!-- 退出登录  -->
         <div class="me-login dpflex" id="me-login">
             退出登录
        </div>


        <!-- 底部 -->
        <!-- <div class="home-foot dpflex ">
            <div class="dpflex fdcolumn">
                <span class="iconfont icon-shouye"></span>
                <span class="span2">首页</span>

            </div>
            <div class="dpflex fdcolumn">
                <span class="iconfont icon-yundong-"></span>
                <span class="span2">运动</span>

            </div>
           
            <div class="dpflex fdcolumn ">
                <span class="iconfont icon-quanzi"></span>
                <span class="span2">圈子</span>
            </div>

            <div class="dpflex fdcolumn">

            <div class="dpflex fdcolumn active">
                <span class="iconfont icon-wode"></span>
                <span class="span2">我的</span>

            </div>

        </div>

    </div> -->
    
</body>
</html>